html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
}
body {
  font-family: Arial, "STHeiti", Helvetica, sans-serif;
  background: #fff;
  font-size: 14px;
  height: 100%;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
html,
body {
  position: relative;
  height: 100%;
}
body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pageOne {
  width: 11.71875rem;
  position: relative;
  height: 100%;
  background-image: url(../img/one/one-bg.jpg);
  background-size: 100% 100%;
}
.pageOne > img:nth-of-type(1) {
  width: 7.5rem;
  height: 2.265625rem;
  position: absolute;
  top: 49%;
  left: 0;
}
.pageOne > img:nth-of-type(2) {
  width: 8.84375rem;
  height: 4.53125rem;
  position: absolute;
  top: 0.890625rem;
  left: 0;
}
.pageOne > img:nth-of-type(3) {
  width: 5.53125rem;
  height: 1.21875rem;
  position: absolute;
  top: 3.046875rem;
  left: 0.921875rem;
}
.pageOne > img:nth-of-type(4) {
  width: 6.734375rem;
  height: 0.984375rem;
  position: absolute;
  top: 4.296875rem;
  left: 0.96875rem;
}
.pageOne > img:nth-of-type(5) {
  width: 0.984375rem;
  height: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 4.578125rem;
  animation: up 0.7s 2s linear infinite;
  -webkit-animation: up 0.7s 2s linear infinite;
}
.pageTwo {
  width: 11.71875rem;
  position: relative;
  height: 100%;
  background-image: url(../img/shou/shou-bg02.png);
  background-size: 100% 100%;
}
.pageTwo > img:nth-of-type(1) {
  width: 3.234375rem;
  height: 0.671875rem;
  position: absolute;
  top: 6.03125rem;
  left: 3.34375rem;
}
.pageTwo > img:nth-of-type(2) {
  width: 9.8125rem;
  height: 3.328125rem;
  position: absolute;
  top: 6.28125rem;
  left: 0.046875rem;
}
.pageTwo > img:nth-of-type(3) {
  width: 7.21875rem;
  height: 1.5625rem;
  position: absolute;
  top: 9.890625rem;
  left: 1.375rem;
}
.pageTwo > img:nth-of-type(4) {
  width: 7.21875rem;
  height: 1.5625rem;
  position: absolute;
  top: 11.4375rem;
  left: 1.53125rem;
}
.pageTwo > img:nth-of-type(5) {
  width: 7.21875rem;
  height: 1.5625rem;
  position: absolute;
  top: 13rem;
  left: 1.4375rem;
}
@keyframes joinClick {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  2.5%,
  5% {
    -webkit-transform: scale(0.95) rotate3d(0, 0, 1, -4deg);
    transform: scale(0.95) rotate3d(0, 0, 1, -4deg);
  }
  7.5%,
  12.5%,
  17.5%,
  22.5% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
  }
  10%,
  15%,
  20% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes joinClick {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  2.5%,
  5% {
    -webkit-transform: scale(0.95) rotate3d(0, 0, 1, -4deg);
    transform: scale(0.95) rotate3d(0, 0, 1, -4deg);
  }
  7.5%,
  12.5%,
  17.5%,
  22.5% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, 4deg);
  }
  10%,
  15%,
  20% {
    -webkit-transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
    transform: scale(1.15) rotate3d(0, 0, 1, -4deg);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.btn {
  width: 7.21875rem;
  height: 1.5625rem;
  position: absolute;
  z-index: 100;
}
.btn1 {
  top: 9.890625rem;
  left: 1.375rem;
}
.btn2 {
  top: 11.4375rem;
  left: 1.53125rem;
}
.btn3 {
  top: 13rem;
  left: 1.4375rem;
}
.contentOne {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/kol/kol-bg.png);
  background-size: 100% 100%;
}
.contentOne > img:nth-of-type(1) {
  width: 0.53125rem;
  height: 0.6875rem;
  position: absolute;
  top: 0.53125rem;
  right: 0.3125rem;
}
.contentOne > img:nth-of-type(2) {
  width: 9.359375rem;
  height: 1rem;
  position: absolute;
  top: 2.84375rem;
  left: 0.328125rem;
}
.contentOne > img:nth-of-type(3) {
  width: 2.46875rem;
  height: 2.25rem;
  position: absolute;
  top: 4.59375rem;
  left: 0.3125rem;
}
.contentOne > img:nth-of-type(4) {
  width: 6.984375rem;
  height: 1.96875rem;
  position: absolute;
  top: 4.71875rem;
  right: 0.3125rem;
}
.contentOne > img:nth-of-type(5) {
  width: 2.46875rem;
  height: 2.25rem;
  position: absolute;
  top: 7rem;
  left: 0.3125rem;
}
.contentOne > img:nth-of-type(6) {
  width: 6.984375rem;
  height: 1.96875rem;
  position: absolute;
  top: 7.0625rem;
  right: 0.3125rem;
}
.contentOne > img:nth-of-type(7) {
  width: 2.46875rem;
  height: 2.25rem;
  position: absolute;
  top: 9.5rem;
  left: 0.3125rem;
}
.contentOne > img:nth-of-type(8) {
  width: 6.984375rem;
  height: 1.96875rem;
  position: absolute;
  top: 9.59375rem;
  right: 0.3125rem;
}
.contentOne > img:nth-of-type(9) {
  width: 2.46875rem;
  height: 2.25rem;
  position: absolute;
  top: 12.03125rem;
  left: 0.3125rem;
}
.contentOne > img:nth-of-type(10) {
  width: 6.984375rem;
  height: 1.96875rem;
  position: absolute;
  top: 12.125rem;
  right: 0.3125rem;
}
.contentOne > img:nth-of-type(11) {
  width: 10rem;
  height: 2.984375rem;
  position: absolute;
  top: 1.59375rem;
  right: 0rem;
}
.contentThree {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/infom/inform.png);
  background-size: 100% 100%;
}
.contentThree > img:nth-of-type(1) {
  width: 0.53125rem;
  height: 0.6875rem;
  position: absolute;
  top: 0.53125rem;
  right: 0.3125rem;
}
.input-form > li:nth-of-type(1) {
  background-image: url(../img/infom/chang.png);
  background-size: contain;
  width: 9.421875rem;
  height: 1.265625rem;
  position: absolute;
  top: 3.65625rem;
  left: 0.3125rem;
}
.input-form > li:nth-of-type(2) {
  background-image: url(../img/infom/chang.png);
  background-size: contain;
  width: 9.421875rem;
  height: 1.265625rem;
  position: absolute;
  top: 5.15625rem;
  left: 0.3125rem;
}
.input-form > li:nth-of-type(3) {
  background-image: url(../img/infom/chang.png);
  background-size: contain;
  width: 9.421875rem;
  height: 1.265625rem;
  position: absolute;
  top: 6.640625rem;
  left: 0.3125rem;
}
.input-form > li:nth-of-type(4) {
  background-image: url(../img/infom/chang-sec.png);
  background-size: contain;
  width: 9.421875rem;
  height: 1.265625rem;
  position: absolute;
  top: 8.140625rem;
  left: 0.3125rem;
}
.input-form > li:nth-of-type(5) {
  background-image: url(../img/infom/chang-car.png);
  background-size: contain;
  width: 9.421875rem;
  height: 1.265625rem;
  position: absolute;
  top: 9.625rem;
  left: 0.3125rem;
}
.input-form > li:nth-of-type(6) img {
  width: 9.46875rem;
  height: 1.375rem;
  position: absolute;
  left: 0.3125rem;
  top: 11.109375rem;
}
.input-form li em {
  width: 0.140625rem;
  height: 1.140625rem;
  background-image: url(../img/shu.png);
  background-size: contain;
  position: absolute;
  left: 1.40625rem;
  top: 0.0625rem;
}
.checkbox {
  top: 11.046875rem;
  left: 3%;
  position: absolute;
  background: transparent;
  width: 0.34375rem;
  height: 0.34375rem;
  color: #007AFF;
}
.icon-01 {
  margin-top: 0.296875rem;
  position: absolute;
  top: 0;
  left: 0.3125rem;
}
.icon-02 {
  margin-top: 0.328125rem;
  position: absolute;
  top: 0;
  left: 0.3125rem;
}
.icon-03 {
  margin-top: 0.28125rem;
  position: absolute;
  top: 0;
  left: 0.3125rem;
}
.icon-05 {
  margin-top: 0.34375rem;
  position: absolute;
  top: 0;
  left: 0.3125rem;
}
.icon-04 {
  position: absolute;
  top: 0.234375rem;
  left: 0.3125rem;
}
.icon {
  width: 0.765625rem;
  height: 0.765625rem;
}
.litop3 > label:nth-of-type(1) {
  position: absolute;
  top: 0.375rem;
  left: 1.984375rem;
}
.litop3 > label:nth-of-type(2) {
  position: absolute;
  top: 0.375rem;
  left: 4.453125rem;
}
#username {
  width: 7.890625rem;
  height: 0.78125rem;
  background-color: transparent;
  border-style: none;
  margin-top: 0;
  font-size: 0.4375rem;
  outline: none;
}
#phone {
  width: 7.890625rem;
  height: 0.78125rem;
  background-color: transparent;
  border-style: none;
  margin-top: 0;
  font-size: 0.4375rem;
  outline: none;
}
.litop3 {
  width: 9.375rem;
  height: 1.1875rem;
}
.submit {
  width: 9.375rem;
  height: 1.28125rem;
  position: absolute;
  top: 13.1875rem;
  left: 0.3125rem;
  background-color: #ba0714;
}
div.nosubmit {
  background: #888587;
}
#submit > img {
  width: 2.796875rem;
  height: 0.5625rem;
  position: absolute;
  top: 0.375rem;
  left: 3.46875rem;
}
.longselect {
  width: 7.890625rem;
  height: 1.15625rem;
  margin-top: 0;
  appearance: none;
  -moz-appearance: none;
  outline: none;
  -webkit-appearance: none;
  background-color: transparent;
  border-style: none;
  font-size: 0.4375rem;
  color: #888587;
  position: absolute;
  left: 1.828125rem;
  top: 0.078125rem;
}
#ddlProvince {
  width: 2.234375rem;
  height: 1.15625rem;
  overflow: hidden;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
  border-style: none;
  font-size: 0.4375rem;
  color: #888587;
  left: 1.828125rem;
  text-align: center;
  position: absolute;
  top: 0.078125rem;
}
#ddlCity {
  width: 4.0625rem;
  height: 1.15625rem;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  background-color: transparent;
  border-style: none;
  font-size: 0.4375rem;
  color: #888587;
  left: 5.625rem;
  text-align: center;
  position: absolute;
  top: 0.078125rem;
}
.litop3 > label {
  font-size: 0.4375rem;
  color: #888587;
}
.swiper-wrapper {
  display: none;
}
#username {
  position: absolute;
  left: 1.828125rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
#phone {
  position: absolute;
  left: 1.828125rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
#go3 .changed {
  color: #FFFFFF;
}
.contentTwo {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/car-content/car-page01/car-page-bg.png);
  background-size: 100% 100%;
}
.contentTwo > img:nth-of-type(1) {
  width: 0.53125rem;
  height: 0.6875rem;
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  z-index: 100;
}
.contentTwo > img:nth-of-type(2) {
  width: 9.984375rem;
  height: 9.859375rem;
  position: absolute;
  top: 0.078125rem;
  right: 0;
}
.contentTwo > img:nth-of-type(3) {
  width: 10rem;
  height: 9.84375rem;
  position: absolute;
  top: 6rem;
  right: 0;
}
.contentTwo > img:nth-of-type(4) {
  width: 0.984375rem;
  height: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 4.578125rem;
  animation: up 0.7s 2s linear infinite;
  -webkit-animation: up 0.7s 2s linear infinite;
}
@keyframes up {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
  }
}
@-webkit-keyframes up {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  100% {
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
  }
}
.contentTwo-2 {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/car-content/car-page02/car-page-bg.png);
  background-size: 100% 100%;
}
.contentTwo-2 > img:nth-of-type(1) {
  width: 5.34375rem;
  height: 2.265625rem;
  position: absolute;
  top: 2.1875rem;
  left: 0.3125rem;
}
.contentTwo-2 > img:nth-of-type(2) {
  width: 10rem;
  height: 8.734375rem;
  position: absolute;
  top: 2.8125rem;
  left: 0;
}
.contentTwo-2 > img:nth-of-type(3) {
  width: 5.71875rem;
  height: 2.609375rem;
  position: absolute;
  top: 8.6875rem;
  left: 2.46875rem;
}
.contentTwo-2 > img:nth-of-type(4) {
  width: 10rem;
  height: 7.328125rem;
  position: absolute;
  top: 8.71875rem;
  left: 0;
}
.contentTwo-2 > img:nth-of-type(5) {
  width: 0.984375rem;
  height: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 4.578125rem;
  animation: up 0.7s 2s linear infinite;
  -webkit-animation: up 0.7s 2s linear infinite;
}
.contentTwo-3 {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/car-content/car-page03/car-page-bg.png);
  background-size: 100% 100%;
}
.contentTwo-3 > img:nth-of-type(1) {
  width: 5.625rem;
  height: 2.296875rem;
  position: absolute;
  top: 1.84375rem;
  left: 0.3125rem;
}
.contentTwo-3 > img:nth-of-type(2) {
  width: 10rem;
  height: 8.859375rem;
  position: absolute;
  top: 2.515625rem;
  left: 0 ;
}
.contentTwo-3 > img:nth-of-type(3) {
  width: 10rem;
  height: 7.921875rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
.contentTwo-3 > img:nth-of-type(4) {
  width: 0.984375rem;
  height: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 4.578125rem;
  animation: up 0.7s 2s linear infinite;
  -webkit-animation: up 0.7s 2s linear infinite;
}
.contentTwo-4 {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/car-content/car-page04/car-page-bg.png);
  background-size: 100% 100%;
}
.contentTwo-4 > img:nth-of-type(1) {
  width: 7.40625rem;
  height: 3.8125rem;
  position: absolute;
  top: 0.5rem;
  left: 1.5rem;
}
.contentTwo-4 > img:nth-of-type(2) {
  width: 9.671875rem;
  height: 8.453125rem;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.contentTwo-4 > img:nth-of-type(3) {
  width: 10rem;
  height: 9.4375rem;
  position: absolute;
  top: 4.84375rem;
  left: 0;
}
.contentTwo-4 > img:nth-of-type(4) {
  width: 6.21875rem;
  height: 1.84375rem;
  position: absolute;
  top: 12.25rem;
  left: 3.5rem;
}
.contentTwo-4 > img:nth-of-type(5) {
  width: 0.984375rem;
  height: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 4.578125rem;
  animation: up 0.7s 2s linear infinite;
  -webkit-animation: up 0.7s 2s linear infinite;
}
.contentTwo-5 {
  width: 10rem;
  position: relative;
  height: 100%;
  background-image: url(../img/car-content/car-page05/car-page-bg.png);
  background-size: 100% 100%;
}
.contentTwo-5 > img:nth-of-type(1) {
  width: 10rem;
  height: 9.140625rem;
  position: absolute;
  top: 0.390625rem;
  left: 0;
}
.contentTwo-5 > img:nth-of-type(2) {
  width: 3.15625rem;
  height: 2.734375rem;
  position: absolute;
  top: 7.8125rem;
  left: 0.78125rem;
}
.contentTwo-5 > img:nth-of-type(3) {
  width: 10rem;
  height: 10.1875rem;
  position: absolute;
  top: 6.34375rem;
  left: 0;
}
.contentTwo-5 > img:nth-of-type(4) {
  width: 0.984375rem;
  height: 0.75rem;
  position: absolute;
  bottom: 0.5rem;
  left: 4.578125rem;
  animation: up 0.7s 2s linear infinite;
  -webkit-animation: up 0.7s 2s linear infinite;
}
.load-page {
  background: #000000;
  width: 100%;
  height: 100%;
}
.load-page {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.load-page .img-load-now {
  width: 2.859375rem;
  height: 1.5625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}
.load-page .img-load-now .loading {
  width: 0.44444444rem;
  height: 1.09375rem;
  text-align: center;
}
.load-page .img-load-now .loading img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}
.load-page .img-load-now .mask {
  width: 100%;
  height: 1.09375rem;
  text-align: center;
  color: #FFFFFF;
}
.load-page .img-load-now span {
  font-size: 0.34375rem;
  color: #FFFFFF;
}
.video {
  width: 100%;
  height: 100%;
  display: block;
}
.video source {
  width: 100%;
}
.movieDiv {
  width: 100%;
  height: 5.421875rem;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.pop {
  color: #FFFFFF;
  margin-top: 0.25rem;
  font-size: 0.3125rem;
  opacity: 0.8;
  width: 100%;
  animation: shanshan 2s 2s linear forwards;
  -webkit-animation: shanshan 2s 2s linear forwards;
}
video::-webkit-media-controls-enclosure {
  display: none !important;
}
video::media-controls-enclosure {
  display: none !important;
}
.wai {
  width: 100%;
  height: 5.40625rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.sanjiao {
  width: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  z-index: 15;
  top: 0.78125rem;
}
@keyframes shanshan {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes shanshan {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
